<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" >
    <md-toolbar class="md-tall md-hue-2">
        <span flex></span>
        <div layout="column" class="md-toolbar-tools-bottom inset">
            <user-avatar></user-avatar>
            <span></span>
            <div>Firstname Lastname</div>
            <div>email@domainname.com</div>
        </div>
    </md-toolbar>
    <md-list ng-controller="menuCtrl">

        <md-item>
            <a href="#dashboard">
                <md-button class="md-primary menuItem dashboard" ng-class="{'md-raised': path=='dashboard' }" >Dashboard</md-button>
            </a>
        </md-item>
        <md-item>
            <md-button class="md-primary menuItem terminals" ng-class="{'md-raised': path=='terminals'}" >Terminals</md-button>
        </md-item>
        <md-item>
            <a href="#playlist">
                <md-button class="md-primary menuItem playlist" ng-class="{'md-raised': path=='playlist'}" >Playlist</md-button>
            </a>
        </md-item>
        <md-item>
            <md-button class="md-primary menuItem assets" ng-class="{'md-raised': path=='assets'}" >Assets</md-button>
        </md-item>

        <md-divider></md-divider>
        <md-item>
            <md-button class="md-primary menuItem login" ng-class="{'md-raised': path=='login'}" >Login</md-button>
        </md-item>
        <md-item>
            <md-button class="md-primary menuItem settings" ng-class="{'md-raised': path=='settings'}" >Settings</md-button>
        </md-item>

    </md-list>
</md-sidenav>
